<div>

    <!-- <div class="but true" v-if="value" @click="showBox()"><i :class="value+' el-icon--left'" ></i><span>{{value}}</span></div> -->
    <div v-if="value" class="box">
        <el-button >
            <div class="but" @click="showBox()"><i :class="value+' el-icon--left'"></i><span>{{value}}</span></div>
        </el-button>
        <el-button icon="el-icon-close" circle size="mini" @click="clear()"></el-button>
    </div>
    <el-button v-else @click="showBox()">选择图标</el-button>
    <el-dialog :close-on-click-modal="false"  :close-on-press-escape="false"  title="选择图标" width="90vw" :visible.sync="boxVisible" append-to-body   >
        <div class="main">
            <div class="ul">
                <div :class="'li '+(value==item.name)" v-for="(item,index) in list" :key="index"
                    @click="selectFn(item)">
                    <i :class="item.name"></i>
                </div>
            </div>
        </div>
    </el-dialog>
</div>